body {
  background-color: #ffffff;
}

.logo {
  margin: 0;
  font-size: 3em;
  font-weight: 200;
  font-family: "Audiowide", cursive;
  text-align: center;
  text-shadow: 1px 1px 0 #333333;
  line-height: 70px;
}

.logo a {
  color: #2f913d;
}

.logo a:hover, .logo a:focus {
  color: #2f913d;
  text-decoration: none;
}

.signup {
  background-color: #ffffff;
  width: 100%;
  border-radius: 7px;
  margin: 10px auto 0;
  margin-bottom: 20px;
}

.signup {
  padding: 0px 20px;
}

.signup form {
  margin-top: 20px;
}

.signup h2 {
  margin: 0;
}

.topbanner{
  width:100%;
  height:220px;
  background:url(/media/ads/login_head.jpg) center bottom/cover no-repeat;
  position:relative
}

.topbanner .poswrap{
  position:absolute;
  width:100%;
  bottom:80px;
  text-align:center
}

.topbanner .desc{
  position:absolute;
  width:100%;
  bottom:30px;
  color:#ffffff;
  text-align:center
}

.form-unit {
  width: 100%;
  max-width: 320px;
  margin: 30px auto;
  padding: 0px 10px;
}

.form-unit .anim-blue-all {
  position: relative;
  border: 1px solid #03A9F4;
  background-color: #03A9F4;
}

.form-unit .anim-blue {
  position: relative;
  border: 1px solid #03A9F4;
  background-color: #EDEDED;
}

.form-unit .btn {
  margin-bottom: 20px;
  padding: 12px;
  line-height: 20px;
  font-size: 16px;
  width: 100%;
  display: inline-block;
  outline: 0px none;
  border:
  medium none;
  border-radius: 3px;
}

input[type="password"], input[type="text"], input[type="email"] {
  height: auto;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  font-size: 16px;
  line-height: 20px;
}

.horizontal-line {
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  margin-bottom: 30px;
  margin-top: 10px;
}
